<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<div id="text1"></div>

</body>
</html>
<style type="text/css">
	body{
		background-color: #ffffee;
	}
	#text1{
		height: :280px;color:red;font-size: 24px;
	}
</style>
<script type="text/javascript">
	var i =0;
	var str = "啥可以看到开发建设发生分解和价格";
	window.onload = function typing(){
		var mydiv = document.getElementById("text1");
		mydiv.innerHTML += str.charAt(i);
		i++;
		var id = setTimeout(typing,80);
		if (i==str.length){
			clearTimeout(id);
		}

	}
</script>